<template>
    <view class="">
	  <view class="list u-flex u-row-between" v-for="(item,index) in list" :key="index" >
	  	<view class="">
	  	   <view>
			   {{item.storeName}}
		   </view>	
		   <view>
		   			   {{item.storeAddress}}
		   </view>	
		   <view style="color: #808080;">
			   {{item.payTime}}
		   </view>
		   
	  	</view>
		<view style="color: #FE3F10;font-size: 36rpx;">{{item.totalMoney}}</view>
	  </view>	
	  <u-loadmore :status="status" />
	

	</view>
</template>

<script>
	export default{
		data(){
			return{
				list:[],
				page: 1,
				status: 'loadmore',
					
			}
		},
		onLoad() {
			this.jiazai()
		},
		onReachBottom() {
			if (this.status == 'nomore') {
		
			} else {
				this.jiazai()
			}
		
		},
		methods:{
			jiazai(){
				this.$u.post('/api/indent/rechargeList', {
					page:this.page,
				}).then(res => {
					var resList = res;
					if (this.page == 1) {
						this.list = []
					}
					if (resList.length > 9) {
						this.status = 'loadmore'
						this.page = this.page + 1
					} else {
						this.status = 'nomore'
					}
					this.list = this.list.concat(resList)
					this.loading = false
				}).catch(err => {
				
				})
			}
			
		}
	}
</script>

<style>
	page{
		background: #F1F1F1;
	}
	.list{
		width: 670rpx;
		
		background: #FFFFFF;
		box-shadow: 0px 0px 28rpx 0px rgba(48, 48, 48, 0.1);
		border-radius: 8rpx;
	    padding: 40rpx;
		
		margin: 20rpx auto 20rpx auto;
	}
</style>
